<template>
  <div class="homework">
    <panel :header="$t('上课内容和家庭作业')" :list="list" :type="type"></panel>
  </div>
</template>

<i18n>
Switch the type:
  zh-CN: 切换样式
List of content with image:
  zh-CN: 图文组合列表
More:
  zh-CN: 查看更多
</i18n>

<script>
import { Panel, Group } from 'vux'

export default {
  components: {
    Panel,
    Group
  },
  methods: {
    onImgError (item, $event) {
      console.log(item, $event)
    }
  },
  data () {
    return {
      type: '1',
      list: [{
        title: '上课内容',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        url: '/component/cell'
      }, {
        title: '家庭作业',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        url: {
          path: '/component/radio',
          replace: false
        }
      }]
    }
  }
}
</script>

<style scoped>
.homework p{
  margin-top: 10px !important;
}
</style>
